<html xmlns="http://www.w3c.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:f="http://java.sun.com/jsf/core">
        <h:head>
            <title> Distribuidora Frutos del Campo </title>
            <link rel="stylesheet" type="text/css" media="screen" href="../css/hojaDeEstilos.css" />
			<meta charset="utf-8" />
        </h:head>
        <h:body>
                <div id = 'contenido'>   
                        <header>              
                                <hgroup>          
                                        <h1>Distribuidora Frutos del Campo</h1>
                                </hgroup>
                                
                                <hgroup>         
                                        <h2>Buscar Administradores</h2>
                                </hgroup>
                                
                                <hr />
                                <br />
                        </header>
                        
                        <section> 
                        <div id='textoPrincipal'>
                                
                                <!-- Aca va la tabla con los resultados -->
                                <H3>Resultados de la busqueda</H3>


                                <h:form id="formulario">

                                        <p:dataTable id="dataTable" var="administrador"
                                                value="#{buscarAdministradorBean.administradores}"
                                                widgetVar="administradoresTable"
                                                rowKey="#{administrador.codigo}"
                                                selection="#{editarAdministradorBean.administradorSeleccionado}"
                                                selectionMode="single" >
                                                

                                                <f:facet name="header">
                                                        <p:outputPanel>
                                                                <h:outputText value="Administradores encontrados" />
                                                        </p:outputPanel>
                                                </f:facet>

                                                <p:column id="codigoColumn" headerText="Codigo" sortBy="codigo">
                                                        <h:outputText value="#{administrador.codigo}" />
                                                </p:column>

                                                <p:column id="nombreColumn" headerText="Nombre" sortBy="nombre">
                                                        <h:outputText value="#{administrador.nombre}" />
                                                </p:column>

                                                <p:column id="apellidoColumn" headerText="Apellido"
                                                        sortBy="apellido">
                                                        <h:outputText value="#{administrador.apellido}" />
                                                </p:column>

                                                <p:column id="detallesColumn" style="width:1%"
                                                        headerText="Detalles" footerText=" ">
                                                        <p:commandButton id="selectButton"
                                                                style="margin:5px; padding:2px; width: 30px; height: 30px;"
                                                                update=":formulario :display" oncomplete="PF('detalles').show()"
                                                                icon="ui-icon-arrow-4-diag">
                                                                <f:setPropertyActionListener value="#{administrador}"
                                                                        target="#{editarAdministradorBean.administradorSeleccionadoDetalles}" />
                                                        </p:commandButton>
                                                </p:column>

                                                <!-- footer donde van los botones para editar y eliminar -->
                                                <f:facet name="footer">

                                                        <p:commandButton id="editarButton" value="Editar"
                                                                update=":formulario :display"
                                                                action="#{editarAdministradorBean.editarAdministrador}" />

                                                        <p:commandButton value="Eliminar"
                                                                action="#{editarAdministradorBean.eliminarAdministrador}">
                                                                <p:confirm header="Confirmacion de eliminacion"
                                                                        message="Esta seguro que quiere eliminar este administrador?"
                                                                        icon="ui-icon-alert" />
                                                        </p:commandButton>

                                                        <p:confirmDialog global="true" showEffect="fade"
                                                                hideEffect="explode">
                                                                <p:commandButton value="Si" type="button"
                                                                        styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
                                                                <p:commandButton value="No" type="button"
                                                                        styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
                                                        </p:confirmDialog>

                                                </f:facet>

                                        </p:dataTable>

                                </h:form>

                                <!-- Dialogo para cuando se apreta el Boton de Detalles de gerente -->
                                <p:dialog header="Detalles del Administrador" widgetVar="detalles"
                                        resizable="false" id="administradorDetalles" showEffect="fade"
                                        hideEffect="explode" modal="true">

                                        <h:panelGrid id="display" columns="2" cellpadding="4"
                                                style="margin:0 auto;">

                                                <f:facet name="header">
                                                        <p>Datos:</p>
                                                </f:facet>

                                                <h:outputText value="Codigo: " />
                                                <h:outputText value="#{editarAdministradorBean.administradorSeleccionadoDetalles.codigo}"
                                                        style="font-weight:bold" />

                                                <h:outputText value="Nombre: " />
                                                <h:outputText value="#{editarAdministradorBean.administradorSeleccionadoDetalles.nombre}"
                                                        style="font-weight:bold" />


                                                <h:outputText value="Apellido: " />
                                                <h:outputText value="#{editarAdministradorBean.administradorSeleccionadoDetalles.apellido}"
                                                        style="font-weight:bold" />

                                                <h:outputText value="Estado: " />
                                                <h:outputText value="#{editarAdministradorBean.administradorSeleccionadoDetalles.estado}"
                                                        style="font-weight:bold" />
                                                        
                                                <h:outputText value="Localidad: " />
                                                <h:outputText value="#{editarAdministradorBean.administradorSeleccionadoDetalles.localidad.nombre}"
                                                        style="font-weight:bold" />     

                                        </h:panelGrid>

                                </p:dialog>

                                <p:button id="volver" value="Volver" outcome="buscarAdministrador" /> 
                
                        </div>
                        </section> 
                </div>
                
                <footer>        
                        <p>Sistema para la planificacion de recursos y toma de decisiones empresariales</p>
                </footer>
        </h:body>
</html>
